// fade-page
.fade-page-enter
.fade-page-leave-to
  opacity 0
  transform translateX(30px)
.fade-page-enter-active
.fade-page-leave-active
  transition all .25s

// fade-dialog
.fade-dialog-enter
.fade-dialog-leave-to
  opacity 0
  transform translateY(-30px)
.fade-dialog-enter-active
.fade-dialog-leave-active
  transition all .25s

// fade-rotate
.fade-rotate-enter
.fade-rotate-leave-to
  transform rotateY(90deg)
.fade-rotate-enter-active
.fade-rotate-leave-active
  transition all .25s

// fade-chart-left
.fade-chart-left-enter
.fade-chart-left-leave-to
  opacity 0
  transform translateX(-100%)
.fade-chart-left-enter-active
.fade-chart-left-leave-active
  transition all 1s

// fade-chart-right
.fade-chart-right-enter
.fade-chart-right-leave-to
  opacity 0
  transform translateX(100%)
.fade-chart-right-enter-active
.fade-chart-right-leave-active
  transition all 1s

// fade-roll
.fade-roll-enter
.fade-roll-enter-active
  transform translateY(.5rem)
.fade-roll-enter-to
  transform translateY(0)
  transition all .1s
.fade-roll-leave-active
  opacity 0
  transform translateY(-.5rem)
  transition all .1s, opacity 0s
  position absolute
.fade-roll-leave-to
.fade-roll-move
  transition all .1s

// fade-menu2
.fade-menu2-enter
.fade-menu2-leave-to
  transform translateX(-100%)
.fade-menu2-enter-active
.fade-menu2-leave-active
  transition all .5s

// fade-text
.fade-text-enter
.fade-text-leave-to
  opacity 0
  transform translateY(1rem)
.fade-text-enter-active
.fade-text-leave-active
  transition all 1s
